::v-deep(.el-pagination) {
    &.is-background {
        .el-pager {
            li {
                --el-pagination-button-bg-color: rgba(10, 157, 240, 0.3);
                --el-pagination-button-color: #fff;
                --el-pagination-border-radius: 4px;
            }
        }
    }
}

::v-deep(.el-button) {
    background: linear-gradient(180deg, #0082e1 0%, #00347b 48%, #048df2 100%);
    border-radius: 0px;
    border: 1px solid #30acff;
    color: #fff;

    &:hover {
        background: linear-gradient(180deg,
                #0b72bd 0%,
                #042757 48%,
                #0b72bd 100%);
    }

    &.el-button--primary {}

    &.el-button--warning {
        background: linear-gradient(180deg,
                #ed5c00 0%,
                #572506 48%,
                #ed5c00 100%);
        border-radius: 0px;
        border: 1px solid #e6a458;

        &:hover {
            background: linear-gradient(180deg,
                    #d15506 0%,
                    #3d1a04 48%,
                    #d15506 100%);
        }

        &:focus {
            background: linear-gradient(180deg,
                    #ef8542 0%,
                    #8c3b0a 48%,
                    #ef8542 100%);
        }
    }

    &.is-disabled {
        background: linear-gradient(180deg,
                #dddddd 0%,
                #474040 48%,
                #dddddd 100%);
        border: 1px solid #a1a8ad;
        color: #dddddd;
    }
}

::v-deep(.el-form) {
    .el-form-item {
        .el-form-item__label {
            --el-text-color-regular: #cfe4f3;
        }
    }
}

::v-deep(.el-input) {
    &.is-focus {
        .el-input__wrapper {
            box-shadow: none !important;

            &:focus,
            &.is-focus {
                border: 1px solid #0a9df0;
            }
        }
    }

    .el-input__wrapper {
        background: transparent;
        box-shadow: none;
        border: 1px solid #a0cfff;

        &:focus,
        &.is-focus {
            border: 1px solid #0a9df0;
        }
    }

    input {
        &::placeholder {
            color: #a1bdff !important;
        }

        color: #fff;
    }
}

::v-deep(.el-textarea) {
    .el-textarea__inner {
        color: #fff;
        background: transparent;
        border: none;
        box-shadow: none;
        border: 1px solid #a0cfff;

        &::placeholder {
            color: #a1bdff !important;
        }

        &:focus,
        &.is-focus {
            border: 1px solid #0a9df0;
        }
    }
}

::v-deep(.el-checkbox) {
    --el-checkbox-text-color: #fff;
}

::v-deep(.el-tag) {
    --el-tag-text-color: #fff;
    --el-color-primary-light-9: #4777d6;
    --el-tag-border-radius: 0;
    --el-tag-border-color: #4777d6;
}